import React, { Fragment } from 'react'
import './index.less'
import renderRoutes from 'libs/routes'
import { SideMenu, HelpCenter } from 'components'

export default class FreeClasses extends React.Component {
  state = {
    menuData: [
      { path: '/student_center/my_order/layout/1', name: '待支付' },
      { path: '/student_center/my_order/layout/2', name: '已付款' },
      { path: '/student_center/my_order/layout/3', name: '退款中' },
      { path: '/student_center/my_order/layout/4', name: '已退款' },
      { path: '/student_center/my_order/layout/0', name: '全部订单' },
    ]
  }

  render() {
    return (
      <Fragment>
        <div className="my-order-container">
          <SideMenu menuData={this.state.menuData} />
          <div className="main-container">
            { renderRoutes('/student_center/my_order') }
          </div>
        </div>
        {/* <HelpCenter /> */}
      </Fragment>
    )
  }
}